﻿@model IEnumerable<Comisiones.Models.Local>
@{
    ViewBag.Title = "Listar";
}

<h2>Listar</h2>

@{
    ViewBag.Title = "Listar";
    WebGrid grid = new WebGrid(Model);
}

@grid.GetHtml(columns: new [] {
    
    grid.Column("Comercio", 
        format: p=>p.comercio.com_nombre
    ),
    grid.Column("RUC", 
        format: p=>p.comercio.com_RUC             
    ),
    grid.Column("Local", 
        format: p=>p.loc_nombre             
    ),
    grid.Column("Seleccionar", 
          format: @<div onclick="seleccionar(@item.com_idComercio,@item.loc_idLocal)" >
                        Seleccionar
                  </div>
    )
    
})
<script type="text/javascript">
    function seleccionar(jidComercio, jidLocal) {
        $.ajax(
            {
                url: '@Url.Action("getLocal")',
                dataType: 'json',
                contentType: 'application/json',
                data: JSON.stringify({ idlocal: jidLocal, idcomercio: jidComercio }),
                type: "POST",
                success: function (data) {
                    $('#idcomercio').val(jidComercio);
                    $('#idlocal').val(jidLocal);
                    $('#com_nombre').val(data.com_nombre);
                    $('#com_nombre').attr("disabled", true);
                    $('#com_ruc').val(data.com_ruc);
                    $('#com_ruc').attr("disabled", true);
                    $('#loc_nombre').val(data.loc_nombre);
                    $('#loc_nombre').attr("disabled", true);
                    $('#grillaLocal').hide();
                },
                async: false
            });
    }
</script>